<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" charset="utf-8" src="http://cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="plugin_upload_images.js"></script>
		<link rel="stylesheet" type="text/css" href="http://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
		<style type="text/css">
			/*上传图片插件*/
			.upload_btn{width:80px;height:80px;display:inline-block;background:#FAFAFA;text-align: center;color: #005d9e;cursor: pointer;margin:10px 0 0 10px;}
			.upload_btn i{font-size: 18px;margin-top:25px;}
			.upload_btn span{font-size:12px;color:#555;display: block;}
			.upload_echo_container{margin-bottom:10px;}
			.upload_echo_container .item_img{position: relative;margin: 10px 0 0 10px;width: 80px;display: inline-block;}
			.upload_echo_container .item_img img{width: 80px;height: 80px;cursor:pointer;}
			.upload_echo_container .item_img .fa-close{position: absolute;cursor: pointer;top: -5px;right: -5px;background:#fafafa;font-size: 14px;color:#ED4014;width:20px;height:20px;line-height:20px;text-align: center;border-radius: 50%;opacity:.8;}
			.upload_echo_container .item_img span{position:absolute;background:#fafafa;color:#005d9e;bottom:2px;left:2px;opacity: .7;padding:0 3px;}
			
			/*上传文件插件*/
			.upload_file_btn{width: 120px;line-height:28px;cursor: pointer;background: #fafafa;color: #444;text-align: center;border-radius: 5px;border: 1px solid #bbb;}
			.upload_file_btn i{color:#3C8DBC;}
			.upload_file_btn span{margin-left:5px;}
			.upload_file_btn:hover{background:#e2e2e2;border:1px solid #ccc;color:#000;}
			.upload_echo_container .item_file{line-height:40px;background:#fafafa;padding-left:15px;margin-top:1px;width:450px;}
			.upload_echo_container .item_file .fa-close{float:right;line-height:40px;width:40px;background:#3C8DBC;color:#FFF;text-align:center;cursor:pointer;font-size:20px;}
		</style>
		<script type="text/javascript">
			$(function(){
				// 初始化上传图片组件
				plugin_upload_images.init({
					selector:"#violation_add_upload",
					btns:[
						{"icon":"fa fa-upload","text":"车前"},
						{"icon":"fa fa-upload","text":"车身"},
						{"icon":"fa fa-upload","text":"车尾"},
					],
				});
			});
		</script>
	</head>
	<body>
		<div id="violation_add_upload"></div>
	</body>
</html>
